<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>

        <form action="#">
            <!--- action="url" 向哪个地址提交数据，如果不写会提交给当前页面，也可以写一个#号占位
                   - type 控件类型
                   - name 控件名（提交时在显示）
                   - value 可以设置输入框的默认值，如果是按钮，则设置的是按钮上显示的文本
                   - placeholder 提示占位文本
                   - maxlength 设置输入的最大长度
                   - readonly 设置文本控件只读，能看不能改，数据可以提交
                   - checked 单选框使用此属性可以设置选项默认选中
            -->
            用户名：<input type="text" name="username" value="" placeholder="请输入用户名"><br>
            昵称：<input type="text" name="nickname" value="达拉崩吧" readonly><br>
            密 码：<input type="password" name="pwd" value="" placeholder="请输入密码" maxlength="6"><br>
            <!--radio单选
            多个选项必须设置成同一个name属性分别到同一个单选组里才能实现单选
            还必须给每个选项设置value,也就是这个选项的值，否则提交的值是on
            checked:
            设置当前选项默认选中（单选）
            -->
            性别：<input type="radio" name="gender" value="1" checked>男
                 <input type="radio" name="gender" value="0">女
            <br>

            爱好：
                <input type="checkbox" name="like" value="girls" checked>爱好女
                <input type="checkbox" name="like" value="movie">电影
                <input type="checkbox" name="like" value="swimming">游泳
                <input type="checkbox" name="like" value="game">游戏
                <br>
            喜欢的颜色：
                <input type="color" name="color"><br>
            文件：
                <input type="file" name="file"><br>
            生日：
                <input type="date" name="birthday"><br>

            <input type="checkbox" id="agree">
            <label for="agree">我同意以上协议</label>
            <hr>
            <!--select 下拉选择框 option选项-->
            喜欢的城市：
                <select name="city">
                    <option value="nmg" >内蒙古</option>
                    <option value="nj">南京</option>
                    <option value="hz" selected>杭州</option>
                    <option value="xa">西安</option>

                </select>
            <hr>
            <!--submit 提交按钮
                reset重置按钮，注意不是清空
                button 普通按钮-->
            <input type="submit" value="点我提交">
            <input type="reset" value="点我重置">
            <input type="button" value="普通按钮">
            <button>我是按钮</button>
        </form>
    </body>
</html>